page {
	height: 100%;
}

.gap {
	width: 100%;
	padding: 10rpx 0;
	margin: 25rpx 0;
	background-color: var(--tn-color-gray-light);
}

.gap-2 {
	gap: 20rpx;
}

.border_bottom {
	border-bottom: 1px solid #f5f5f5;
}

.popup_title {
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 30rpx;
	margin-bottom: 30rpx;
}

.empty {
	width: 100%;
	height: 75%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30rpx;
	color: gray;
}

.empty image {
	width: 100vw;
}

.page_scroll_view {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.page_scroll_view>scroll-view {
	flex: 1;
	overflow: auto;
	padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}

.card_item {
	position: relative;
	background-color: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10rpx);
	box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
}

.card_item:not(:last-child) {
	margin-bottom: 30rpx;
}

.card_item .status_img {
	position: absolute;
	top: 3%;
	right: 3%;
	width: 12%;
	height: auto;
}

.tag {
	border-radius: 8rpx;
	padding: 8rpx 16rpx;
}